<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chrome Blog Theme</title>
<meta name="keywords" content="Chrome Blog Theme, Web Design, CSS, HTML, free template" />
<meta name="description" content="Chrome Blog Template is a free website template from templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

	<script type="text/javascript" src="scripts/swfobject/swfobject.js"></script>
        
    <script type="text/javascript">
      var flashvars = {};
      flashvars.cssSource = "css/piecemaker.css";
      flashvars.xmlSource = "piecemaker.xml";
		
      var params = {};
      params.play = "true";
      params.menu = "false";
      params.scale = "showall";
      params.wmode = "transparent";
      params.allowfullscreen = "true";
      params.allowscriptaccess = "always";
      params.allownetworking = "all";
	  
      swfobject.embedSWF('piecemaker.swf', 'piecemaker', '960', '500', '10', null, flashvars,    
      params, null);
    
    </script>

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>


</head>
<body>

<div id="templatemo_wrapper">

	<div id="templatemo_header">
    
    	<div id="site_title"><h1><a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a></h1></div>
        
        <div id="templatemo_menu" class="ddsmoothmenu">
            <ul>
              	<li><a href="index.html">Home</a></li>
          		<li><a href="about.html">About</a>
                    <ul>
                        <li><a href="http://www.templatemo.com/page/1">Background</a></li>
                        <li><a href="http://www.templatemo.com/page/2">Our Team</a></li>
                        <li><a href="http://www.templatemo.com/page/3">Management</a></li>
                  	</ul>
              	</li>
          		<li><a href="portfolio.html">Portfolio</a>
                    <ul>
                        <li><a href="http://www.templatemo.com/page/1">Web Design</a></li>
                        <li><a href="http://www.templatemo.com/page/2">Multimedia</a></li>
                        <li><a href="http://www.templatemo.com/page/3">3D Animations</a></li>
                        <li><a href="http://www.templatemo.com/page/4">Templates</a></li>
                  	</ul>
              	</li>
              	<li><a href="blog.html" class="selected">Blog</a>
                	<ul>
                        <li><a href="http://www.templatemo.com/page/1">Useful Tips</a></li>
                        <li><a href="http://www.templatemo.com/page/2">Archives</a></li>
                        <li><a href="http://www.templatemo.com/page/3">Popular Posts</a></li>
                        <li><a href="http://www.templatemo.com/page/4">Comments</a></li>
                        <li><a href="http://www.templatemo.com/page/5">Authors</a></li>
                  	</ul>
                </li>
              	<li><a href="contact.html">Contact</a></li>
            </ul>
            <br style="clear: left" />
        </div> <!-- end of templatemo_menu -->
        
    </div> <!-- end of header -->
    
    <div id="templatemo_main">
    	<div id="templatemo_content">
    	
            <div class="post_box">
                <div class="post_header">
                    <div class="post_date">
                        26<span>OCT</span>
                    </div>
                    <h2>Beautiful Web Design</h2>
                </div>
                <div class="post_inner"> <a href="blog_post.html"><img src="images/post_image/01.jpg"  alt="New Year" /></a>
                  <p class="post_meta"><span class="cat">Posted in <a href="#">Templates</a>, <a href="#">Design</a></span> | <a href="#">Comments - 286</a></p>
                    <p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate scelerisque nulla.</em></p>
                    <p>Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>. Morbi venenatis augue sit amet ante facilisis feugiat sed in lectus. Vivamus imperdiet, ante a pretium vehicula, ante enim sodales mi, eu rutrum odio turpis eget arcu. Proin a elit nisl, id aliquam felis. Nunc ultrices iaculis quam, sed commodo erat tempus mollis. Duis ultricies nulla sed dolor egestas id.</p>
                    <div class="h30"></div>
                  <a href="blog_post.html" class="more float_r"></a>
                  <div class="cleaner"></div>
                </div>
            </div>
            
            <div class="post_box">
                <div class="post_header">
                    <div class="post_date">
                        19<span>OCT</span>
                    </div>
                    <h2>Website Development</h2>
                </div>
                <div class="post_inner"> <a href="http://www.flashmo.com"><img src="images/post_image/02.jpg"  alt="Calendar" /></a>
                    <p class="post_meta"><span class="cat">Posted in <a href="#">Website</a>, <a href="#">Development</a></span> | <a href="#">Comments - 165</a></p>
                    <p><em> Vestibulum auctor odio eget ante. Nunc commodo, magna pharetra semper vehicula, dui ligula feugiat elit, et euismod nunc orci ut libero. Etiam sodales massa vel metus. Mauris et elit quis mauris aliquet luctus. Proin vulputate scelerisque nulla.</em></p>
                  <p>Morbi venenatis augue sit amet ante facilisis feugiat sed in lectus. Vivamus imperdiet, ante a pretium vehicula, ante enim sodales mi, eu rutrum odio turpis eget arcu. Proin a elit nisl, id aliquam felis.</p>
                    <div class="h30"></div>
                  <a href="blog_post.html" class="more float_r"></a>
                  <div class="cleaner"></div>
                </div>
            </div>
            
            <div class="post_box">
                <div class="post_header">
                    <div class="post_date">
                        12<span>OCT</span>
                    </div>
                    <h2>Online Marketing</h2>
                </div>
                <div class="post_inner"> <a href="http://www.flashmo.com"><img src="images/post_image/03.jpg"  alt="Timeline" /></a>
                    <p class="post_meta"><span class="cat">Posted in <a href="#">Internet</a>, <a href="#">Business</a></span> | <a href="#">Comments - 462</a></p>
                    <p><em>Morbi dapibus dolor sit amet metus suscipit iaculis. Quisque at nulla eu elit adipiscing tempor. Nunc at lectus. </em></p>
                    <p> Quisque tincidunt commodo nisl. Morbi dui nulla, tristique viverra, commodo mollis, ultricies ut, augue. Quisque ut odio. Etiam fringilla vestibulum nulla. Suspendisse venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                    <div class="h30"></div>
                  <a href="blog_post.html" class="more float_r"></a>
                  <div class="cleaner"></div>
                </div>
            </div>
                
                <div class="templatemo_paging">
                    <ul>
                        <li><a href="http://www.templatemo.com" target="_parent">Previous</a></li>
                        <li><a href="http://www.templatemo.com/page/1" target="_parent">1</a></li>
                        <li><a href="http://www.templatemo.com/page/2" target="_parent">2</a></li>
                        <li><a href="http://www.templatemo.com/page/3" target="_parent">3</a></li>
                        <li><a href="http://www.templatemo.com/page/4" target="_parent">4</a></li>
                        <li><a href="http://www.templatemo.com/page/5" target="_parent">5</a></li>
                        <li><a href="http://www.templatemo.com/page/6" target="_parent">6</a></li>
                        <li><a href="http://www.templatemo.com/page/7" target="_parent">Next</a></li>
                    </ul>
                    <div class="cleaner"></div>
                </div>
		</div> <!-- end of content -->
        
        <div id="templatemo_sidebar">
        	
            <div class="sb_box">
            	<h3>Categories</h3>
                <ul class="tmo_list">
                	<li><a href="#">Vivamus imperdiet</a></li>
                    <li><a href="#">Nunc ultrices iaculis</a></li>
                    <li><a href="#">Duis ultricies nulla</a></li>
                    <li><a href="#">Proin a elit nisl</a></li>
                    <li><a href="#">Nunc ultrices iaculis</a></li>
				</ul>
            </div>
            <div class="sb_box">
            	<h3>Recent Posts</h3>
                <ul class="recent_post">
                	<li><a href="#">Vivamus imperdiet</a> Sed pretium, neque hendrerit rhoncus accumsan, nibh tellus pharetra neque, quis rutrum elit justo vitae sapien.</li>
                    <li><a href="#">Nunc ultrices iaculis</a> Cras nisl eros, elementum eu, iaculis vitae, viverra ut, ligula. Pellentesque metus.</li>
                    <li><a href="#">Duis ultricies nulla</a> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</li>
                    <li><a href="#">Proin a elit nisl</a>Donec tincidunt eleifend mauris, ac volutpat leo. Mauris et elit quis mauris aliquet luctus.  </li>
                    <li><a href="#">Nunc ultrices iaculis</a> Vestibulum lectus sem, porttitor non molestie quis.    Etiam sodales massa vel metus. </li>
				</ul>
            </div>
            <div class="sb_box">
            	<h3>Blogroll</h3>
                <ul class="tmo_list">
                	<li><a href="#">Vivamus imperdiet</a></li>
                    <li><a href="#">Nunc ultrices iaculis</a></li>
                    <li><a href="#">Duis ultricies nulla</a></li>
                    <li><a href="#">Proin a elit nisl</a></li>
                    <li><a href="#">Nunc ultrices iaculis</a></li>
				</ul>
            </div>
        
        </div> <!-- end of sidebar -->
        
        <div class="cleaner"></div>
    </div>
    
    <div class="cleaner"></div>
</div>

<div id="templatemo_footer_wrapper">
    <div id="templatemo_footer">
        Copyright © 2048 <a href="#">Your Company Name</a> | 
        Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
        <div class="cleaner"></div>
    </div>
</div> 
  
</body>
</html>